import { Story } from '@storybook/react';

import { withProviders } from '../../../shared/utils/storybook';
import { {{ pascalCase name }}Form, {{ pascalCase name }}FormProps } from './{{ camelCase name }}Form.component';

const Template: Story<{{ pascalCase name }}FormProps> = (args) => <{{ pascalCase name }}Form {...args} />;

export default {
  title: '{{ pascalCase name }} / {{ pascalCase name }}Form',
  component: {{ pascalCase name }}Form,
};

export const WithInitialData = Template.bind({});
WithInitialData.args = {
  initialData: {
    name: 'initial name',
  },
};
WithInitialData.decorators = [withProviders({})];

export const WithoutData = Template.bind({});
WithoutData.args = {};
WithoutData.decorators = [withProviders({})];
